<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="./src/jquery.js"></script>
    <script src="./src/util.js"></script>
    <link rel="stylesheet" href="./css/style.css">
    <title>饿了么</title>
</head>

<body>
    <h1>饿了么首页</h1>   
    <div id="title" class="clearfix">
        <form action="" id="search">
            <button id="button">搜索</button>
            <input type="text" id="input">
        </form>       
        <div class="manage" id="manage">
            <div class="signedin">登录</div>
            <div class="signedup">注册</div>           
        </div>
    </div>
    <div id="play" class="play">
            <imgs class="clearfix">
                <div id="foodclass1"></div>
                <div id="foodclass2"></div>
            </imgs>
            <div class="btnk" id="btnk">
                <span>前</span>
                <span>后</span>                
            </div>                    
    </div>
    <div>
        <ol id="foodclass" class="clearfix"></ol>
    </div>
    <main id="foods" class="foods"></main>
    <div id="load" class="load">
        等待一会，2秒钟
        <div id="load1" class="load1"></div>
    </div>
    <script>
            var pageWidth=window.innerWidth
            document.write('<style>html{font-size:'+pageWidth/100+'px;}</style>')
    </script>
    <script src="./src/player.js"></script>
    <script src="./src/get-new-foods.js"></script>
    <script src="./src/index.js"></script>
    
</body>

</html>